<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>

	<style>
		
		/*<!--标签选择器-->*/
	/*	div{
			width: 100px;
			height: 100px;
			background-color:red;
		}*/

		/*<!--类名选择器-->*/
/*		.div1{
			width: 100px;
			height: 100px;
			background-color: blue;
		}*/

		/*<!--类名选择器-->*/
	/*	.div2{
			width: 100px;
			height: 100px;
			background-color: yellow;
		}
*/
		/*<!--id选择器-->*/
/*		#divc1{
			width: 100px;
			height: 100px;
			background-color: #fff;

		}*/

		/*<!--id选择器-->*/
/*		#divc2{
			height: 100px;
			width: 100px;
			background-color: #fff;

		}*/

		/*<!--后代选择器-->*/
	/*	div li{
			color: red;
		}*/

		/*<!--子代选择器-->*/
		/*div>p{
			color: red;
		}
*/

	/*并集选择器*/
/*	div,h1{
		color: red;
	}
*/
	/*交集选择器*/
/*	div.div1{
		color: red;
	}*/

	</style>

</head>

<body>

	<div class = "div1" id = "divc1">开始</div>

	<div class = "div2" id = "divc2">
		<p>这是个段落</p>
		<ol>
			<li>1</li>
			<li>2</li>
			<li>3</li>
			<li>4</li>
		</ol>
	</div>

	<h1>结束</h1>
	
</body>
</html>